<template>
	<view class="full-page">
		<view class="full-page__warp"
			:class="styleClass"
		>
			<slot></slot>
		</view>
	</view>
</template>

<script setup>
import { computed } from 'vue'

	const props = defineProps({
		hasNavBar: {
			type: Boolean,
			default: false
		},
		hasTabBar: {
			type: Boolean,
			default: false
		}
	})
	
	const styleClass = computed(() => {
		return {
			[`full-page__navBar`]: props.hasNavBar,
			[`full-page__tabBar`]: props.hasTabBar
		}
	})
</script>

<style lang="less" scoped>
	@import './style/index.less';
</style>